<template>
   <template v-for="menu in userMenu">
        <el-sub-menu v-if="menu.children && menu.children.length > 0 && menu.children[0].stepType ==1" :key="menu.id" :index="menu.path">
            <template #title>
            <i :class="menu.icon"></i>
            <span>{{menu.label}}</span>
            </template>
            <tree-menu :userMenu="menu.children"/>
        </el-sub-menu>
        <el-menu-item v-else-if="menu.stepType == 1" :index="menu.path" :key="menu.id">{{menu.label}}</el-menu-item>
   </template>
    
</template>
<script>

export default {
   name:'TreeMenu',
   props:{
       userMenu:{
           type:Array,
           default(){
               return []
           }
       }
   }
}
</script>
